<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>selector6_儿子选择器.html</title>
	<style type="text/css">
		/* 儿子选择器 */
		/* div的儿子p(直接儿子)。和div的后代p的截然不同。 */
		div>p{
			color: red;
		} 
	</style>
</head>

<body>
	<div>
		<p>我是div的儿子</p>
	</div>
	<div>
		<ul>
			<li>
				<p>我是div的重孙子</p>
			</li>
			<li>
				<p>我是div的重孙子</p>
			</li>
			<li>
				<p>我是div的重孙子</p>
			</li>
		</ul>
	</div>

</body>
</html>
